import './App.less';
import {BrowserRouter, Navigate, Route, Routes} from "react-router-dom";
import Login from "./pages/login";
import Home from "./pages/home";
import Layouts from "./pages/Layout";
import Article from "./pages/article";
import Publish from "./pages/publish";
// import AppRoute from "./router";

function App() {
  return (
    <div className="App">
        <BrowserRouter>
            <Routes>
                <Route path='/' element={<Navigate to='/home'/>}/>
                <Route path="/home" element={<Layouts />} >
                    <Route path="" element={<Home />} />
                    <Route path='article' element={<Article />} />
                    <Route path='publish' element={<Publish />} />
                </Route>
                <Route path="/login" element={<Login />} />
            </Routes>
        </BrowserRouter>
    </div>
  );
}

export default App;
